<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
	<table  align="center" class="ui-widget ui-widget-content" id="tb_sumi" width="100%">
							<tr class="ui-widget-header">
								<th width='25'>id_Suministro</th>
								<th width='120'>Descripcion</th>
								<th  width='30'>Cant. Pedida</th>
								<th  width='30'>Cant. Ingresada</th>
							</tr>
							<tbody>
							
							<c:forEach items="${lista_detalles}" var="detalle" >
					            <tr>
					                <td>${detalle.id_suministro}</td>
					                <td>${detalle.suministro}</td>
					                <td>${detalle.cantidad}</td>
					                <td>${detalle.cantidadIngresada}</td>
					                 <td>
					                	<a class="detalle"><img src="<c:url value="/images/view_detailed.png" />"   style="cursor: pointer" / ></a>
					                </td>
					            </tr>   
					        </c:forEach>
					        </tbody>
</table>
<script type="text/javascript">
$("a.detalle").click(function(){
	 cod_suministro="";
	 desc_suministro="";
     cant_suministro="";
     cantAd_suministro="";
	 cod_suministro = $(this).parents("tr").find("td").eq(0).html();
	 desc_suministro = $(this).parents("tr").find("td").eq(1).html();
	 cant_suministro = $(this).parents("tr").find("td").eq(2).html();
	 cantAd_suministro = $(this).parents("tr").find("td").eq(3).html();
	 $.get("get_detalle_suministro", { cod_suministro: cod_suministro,desc_suministro:desc_suministro,cant_suministro: cant_suministro  }, function(data) {	
			
			 $.blockUI({
					message: data,
					theme: true, 
					title:'Detalle de Suministro', 
					draggable: true,
					themedCSS:{
						top:  '20%', 
		                left: ($(window).width() - 700) /2 + 'px', 
		                width: '700px',
		                textAlign:      'left',
		                cursor:'default'
					}
				});
	      
			    $("#btn_sumi").button({
					icons: {
					  primary: 'ui-icon ui-icon-circle-check'
				   },
				   label: "ACEPTAR",
				   disabled: false
				}); 
				$("#btn_sumi_limpiar").button({
					icons: {
					  primary: 'ui-icon ui-icon-refresh'
				   },
				   label: "CANCELAR",
				   disabled: false
				});
				$("#btn_sumi_limpiar").click(function(){
					$.unblockUI({ 
						onUnblock: function(){
							
						}
					}); 
				
				});
				$("#btn_sumi").click(function(){
				 	if($("#frmSumi").valid()){
					 	alert("hhh"+$("#valor_id").val());
					 	alert("hhh"+$("#valor_cantidadAdquirida").val());
				 		var obj = new Object();
					 	obj.id_suministro = $("#valor_id").val();
					 	obj.cantidad_adquirida = $("#valor_cantidadAdquirida").val();
					 	obj.cantidad= $("#valor_cantidad").val();
					 	if(($("#valor_cantidadAdquirida").val()+cantAd_suministro)>($("#valor_cantidad").val())){
					 		alert("La cantidad no puede ser mayor a la pedida");
						}
					 	else{
					 		$.get('actualizar_cantidad',{id_suministro: $("#valor_id").val(),cantidad_adquirida: $("#valor_cantidadAdquirida").val()}, function(data){ 
						 		
								$("#panel_resultados").html(data);
								
						 		});

						 	$.unblockUI({ 
								onUnblock: function(){
									
								}
							}); 
					 	}
					 	
				 	}
				});	
       });			
							 
});
</script>

        